* {
  padding: 0;
  margin: 0;
}

html,
body {
  height: 100%;
}

.wrapper {
  /* background: #022d55; */
  height: 100%;
}

.content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.img {
  background: url(images/updateBrowser-img.ccdb374728cc8656e8c0ebc95fa6b928.png) center center no-repeat;
  display: block;
  width: 190px;
  height: 230px;
  margin: 0 auto 24px auto;
}

.content-text {
  font-size: 14px;
  color: #000;
  text-align: center;
  margin: 0 0 14px 0;
}

.content-text:last-child {
  margin-bottom: 0;
}

.content-ul {
  text-align: center;
  margin: 24px 0 0 0;
}

.content-li {
  list-style: none;
  float: left;
  margin: 0 24px 0 0;
}

.content-li:last-child {
  margin-right: 0;
}

.content-li-a {
  text-decoration: none;
}

.content-li-logo {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto 8px auto;
  background-color: #fff;
}

.content-li-logo__chrome {
  background: url(images/chrome.593a27dd04c133a2e4374acc0a4b14ec.png) center center no-repeat;
}

.content-li-logo__360 {
  background: url(images/360.f141963bd97ef934564e8fa40d6403f8.png) center center no-repeat;
}

.content-li-logo__sougou {
  background: url(images/sougou.f23e03af418ee1712013633958651e7a.png) center center no-repeat;
}

.content-li-logo__qq {
  background: url(images/qq.8cad34596d9f4105e33181482dea61ec.png) center center no-repeat;
}

.content-li-logo__maxthon {
  background: url(images/maxthon.6947c3987d450cd648e817e06b1d5b36.png) center center no-repeat;
}

.content-li-logo-name {
  font-size: 14px;
  color: #000;
}
